<template>
        <div class="chengsi">
            <div demo-bg>
                <dv-scroll-board :config="config" style="width: 100%;height: 200px;" />
            </div>
        </div>
</template>
    
<script setup lang='ts'>
import { reactive,onMounted } from 'vue';
import { getchengshi } from '../request/api';

onMounted(()=>{
    getchengshi().then(res=>{
        console.log(res)
    })
})

const config=reactive({
    header:['城市','就职企业','岗位','薪资'],
    data:[
        ['北京','百度','前端工程开发师','19.5K'],
        ['北京','百度','前端工程开发师','19.5K'],
        ['北京','百度','前端工程开发师','19.5K'],
        ['北京','百度','前端工程开发师','19.5K'],
        ['北京','百度','前端工程开发师','19.5K'],
        ['北京','百度','前端工程开发师','19.5K'],
        ['北京','百度','前端工程开发师','19.5K'],
        ['北京','百度','前端工程开发师','19.5K'],
    ],
    index:true,
    columnWidth:[50],
    align:['center']
})
    
</script>
    
<style scoped lang="scss">
    .chengshi{
        width: 100%;
        height: 100px;
        position: absolute;
        bottom:35px;
        left:-3%
    }
</style>